<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<title>小美出行管理系统</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="${pageContext.request.contextPath}/static/css/adminStyle.css" rel="stylesheet" type="text/css" />

<title>小美出行管理系统</title>
    <link href="${pageContext.request.contextPath}/static/assets/css/bootstrap.css" rel="stylesheet" />
    <link href="${pageContext.request.contextPath}/static/assets/css/font-awesome.css" rel="stylesheet" />
   	<link rel="stylesheet" href="${pageContext.request.contextPath}/static/assets/css/profile.css">
    <link href="${pageContext.request.contextPath}/static/assets/css/custom-styles.css" rel="stylesheet" />
    <link href="${pageContext.request.contextPath}/static/assets/js/dataTables/dataTables.bootstrap.css" rel="stylesheet" />

	<style>
		body{ background-color:#fff}
		.top2{ height:60px;}
		.left {
			position: absolute;
			left: 0px;
			top: 60px;
			width: 260px;
			height: 100%;
			color: #000000;
			font-size: 20px;
			background-color: #32C2CD
		}

		.right {
			position: absolute;
			left: 260px;
			top:80px;
			width: 85.2%;
			height: 85%;
			border-top: 0px solid #484860;
			font-size: 14px;
			background-color:#FFFFFF;
		}
	</style>
</head>
<body>
	<div class="top2">		
		<nav class="navbar navbar-default top-navbar" role="navigation">
            <div class="navbar-header">               
                <a class="navbar-brand" href="../HYBRID/index.html"><i class="fa fa-gear"></i> <strong>小美出行管理系统</strong></a>                    
            </div>
          <div class="pull-right kk" style="width:100px; height:60px; line-height:60px">                                         
               <a style="line-height:30px"  href="${pageContext.request.contextPath}/logout"><i class="fa fa-sign-out" aria-hidden="true" style="font-size:20px"></i><strong style="font-size:20px">退出</strong></a>
          </div>
        </nav>
	</div>

	<div class="left"> 
		<nav class="navbar-default navbar-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav" id="main-menu">
                	<li><a class="a" href="javascript:void(0);"
					onClick="openurl('${pageContext.request.contextPath}/welcome');"><i class="fa fa-home"></i>首页</a>
                    </li>
                    <c:forEach items="${menus}" var="m">
                		<li>
		                    <a href="#"><i class="fa fa-sitemap"></i>${m.name}<span class="fa arrow"></span></a>
	                        <ul class="nav nav-second-level">
	                        	<c:forEach items="${m.lowerResources}" var="lr">
		                            <li>
		                                <a class="a" href="javascript:void(0);"
											onClick="openurl('${pageContext.request.contextPath}${lr.url}');">${lr.name}</a>
		                            </li>
	                            </c:forEach>
	                        </ul>                                   
                    	</li>
                    </c:forEach>     
                </ul>
            </div>
        </nav>
		<nav>&nbsp;</nav>
  	</div>

	<div class="right">
		<iframe id="rightFrame" name="rightFrame" width="100%" height="100%"
			scrolling="auto" marginheight="0" marginwidth="0" align="center"
			style="border: 0px solid #CCC; margin: 0; padding: 0;"  src="${pageContext.request.contextPath}/welcome"></iframe>
	</div>
	
    <script src="${pageContext.request.contextPath}/static/assets/js/jquery-1.10.2.js"></script>
    <script src="${pageContext.request.contextPath}/static/assets/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/assets/js/jquery.metisMenu.js"></script>
    <script src="${pageContext.request.contextPath}/static/assets/js/morris/raphael-2.1.0.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/assets/js/morris/morris.js"></script>
	<script src="${pageContext.request.contextPath}/static/assets/js/easypiechart.js"></script>
	<script src="${pageContext.request.contextPath}/static/assets/js/easypiechart-data.js"></script>
	<script src="${pageContext.request.contextPath}/static/assets/js/Lightweight-Chart/jquery.chart.js"></script>
    <script src="${pageContext.request.contextPath}/static/assets/js/custom-scripts.js"></script>
    
    <script>
    	function openurl(url) {
			var rframe = parent.document.getElementById("rightFrame");
			rframe.src = url;
		}
    </script>
</body>
</html>
